<template>
  <div>
    <router-view></router-view>

    {{ $store.getters.fullName }}
    <hr>
    <button @click="$store.dispatch('add', { x: 1, y: 2 })">add(1,2)</button>
    <hr>
    <button @click="$store.state.num++">{{ $store.state.num }}</button>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {
    console.log(this.$store.state.title);
  }
}
</script>
<style>
div {
  border: solid;
  padding: 10px;
}
</style>